<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Favorite Icon Toggle</title>
  <link rel="stylesheet" href="styles.css">
</head>

<body>
  <h1>Art Supplies</h1>
  <ul class="item-list">
    <li>
      120 gm paper
      <button class="favorite-icon" id="favoriteIcon1">&#9825;</button>
    </li>
    <li>
      Watercolor set
      <button class="favorite-icon" id="favoriteIcon2">&#9825;</button>
    </li>
    <li>
      Lead pencil 6B
      <button class="favorite-icon" id="favoriteIcon3">&#9825;</button>
    </li>
  </ul>

  <script src="script.js"></script>
</body>

</html>